<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>有间客栈</title>
	<link rel="shortcut icon" href="logo.ico" />
	<link rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/common.css" />
	<script src="./plugin/jquery.min.js"></script>
	<script src="./plugin/bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
	<div class="w_header">
		<div class="container">
			<div class="w_header_top">
				<a href="index.html" class="w_logo"></a>
				<span class="w_header_nav">
					<ul>
						<li><a href="index.html" class="active">首页</a></li>
						<li><a href="article.html">文章</a></li>
						<li><a href="comment.html">留言</a></li>
						<li><a href="about.html">关于</a></li>
					</ul>
				</span>
				<div class="btn-group w_infobox">
					<button type="button" class="btn btn-default">曾小仙</button>
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
						aria-haspopup="true" aria-expanded="false">
						<span class="caret"></span>
						<span class="sr-only">Toggle Dropdown</span>
					</button>
					<ul class="dropdown-menu">
						<li><a href="login.html">我的信息</a></li>
						<li><a href="article.html">我的文章</a></li>
						<li><a href="public.html">发布文章</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="w_container">
		<div class="container">
			<div class="row w_main_row">
				<div class="col-lg-9 col-md-9 w_main_left">
					<!--轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
							  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
							  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
							  <div class="item active">
								<img src="./img/slider/slide1.jpg" alt="...">
								<div class="carousel-caption">
								  
								</div>
							  </div>
							  <div class="item">
									<img src="./img/slider/slide2.jpg" alt="...">
									<div class="carousel-caption">
								  
								</div>
							  </div>
							</div>
						  
							<!-- Controls -->
							<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
							  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							  <span class="sr-only">Previous</span>
							</a>
							<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
							  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							  <span class="sr-only">Next</span>
							</a>
						  </div>

					<!-- 置顶 -->
					<div class="panel panel-default contenttop">
						<a href="article_detail.html">
							<strong>博主置顶</strong>
							<h3 class="title">嫁人就嫁程序员</h3>
							<p class="overView">
								写字楼里写字间，写字间中程序员；
								程序人员写程序，又将程序换酒钱；
								酒醒只在屏前坐，酒醉还来屏下眠；
								酒醉酒醒日复日，屏前屏下年复年；
								但愿老死电脑间，不愿鞠躬老板前；
								奔驰宝马贵者趣，公交自行程序员；
								别人笑我太疯癫，我笑自己命太贱；
								但见满街漂亮妹，哪个归得程序员？
							</p>
						</a>
					</div>

					<!-- 文章列表 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">最新发布</h3>
						</div>
						<div class="panel-body">
							<!--文章列表开始-->
							<div class="contentList">
								<div class="panel panel-default">
									<div class="panel-body">
										<div class="contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">前端开发中79条不可忽视的知识点汇总</a></h4>
											<p class="overView">
												过往一些不足的地方，通过博客，好好总结一下。1.css禁用鼠标事件.disabled { pointer-events: none;
												cursor: default; opac
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
									</div>
								</div>
								<div class="panel panel-default clearfix">
									<div class="row panel-body">
										<div class="col-lg-9 col-md-9 col-sm-9 contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">1.5万字概括ES6全部特性(看图就能记下，值得收藏)</a>
											</h4>
											<p class="overView">
												前言第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读，发现很多以前都没有注意到的知识点，为了方便记忆和预览全部ES6特性，所以写下本文
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
										<div class="col-lg-3 col-md-3 col-sm-3 contentImage">
											<div class="row">
												<a href="#" class="thumbnail w_thumbnail">
													<img
														src="https://user-gold-cdn.xitu.io/2019/10/8/16da9681eb3e369d?imageView2/1/w/1304/h/734/q/85/format/webp/interlace/1">
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default clearfix">
									<div class="row panel-body">
										<div class="col-lg-9 col-md-9 col-sm-9 contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">剖析一些经典的CSS布局问题，为前端开发+面试保驾护航</a>
											</h4>
											<p class="overView">
												剖析一些经典的CSS布局问题，为前端开发+面试保驾护航一、让一个元素水平垂直居中，到底有多少种方案？水平居中对于行内元素:
												text-align: center;对于确定宽度的块级元素：width和m
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
										<div class="col-lg-3 col-md-3 col-sm-3 contentImage">
											<div class="row">
												<a href="#" class="thumbnail w_thumbnail">
													<img
														src="https://user-gold-cdn.xitu.io/2019/10/13/16dc2f70c2c796c0?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default clearfix">
									<div class="row panel-body">
										<div class="contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">前端开发中79条不可忽视的知识点汇总</a></h4>
											<p class="overView">
												过往一些不足的地方，通过博客，好好总结一下。1.css禁用鼠标事件.disabled { pointer-events: none;
												cursor: default; opac
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
									</div>
								</div>
								<div class="panel panel-default clearfix">
									<div class="row panel-body">
										<div class="col-lg-9 col-md-9 col-sm-9 contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">1.5万字概括ES6全部特性(看图就能记下，值得收藏)</a>
											</h4>
											<p class="overView">
												前言第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读，发现很多以前都没有注意到的知识点，为了方便记忆和预览全部ES6特性，所以写下本文
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
										<div class="col-lg-3 col-md-3 col-sm-3 contentImage">
											<div class="row">
												<a href="#" class="thumbnail w_thumbnail">
													<img
														src="https://user-gold-cdn.xitu.io/2019/10/8/16da9681eb3e369d?imageView2/1/w/1304/h/734/q/85/format/webp/interlace/1">
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default clearfix">
									<div class="row panel-body">
										<div class="col-lg-9 col-md-9 col-sm-9 contentleft">
											<h4><a class="title"
													href="article_detail.html?id=${v.id}">剖析一些经典的CSS布局问题，为前端开发+面试保驾护航</a>
											</h4>
											<p class="overView">
												剖析一些经典的CSS布局问题，为前端开发+面试保驾护航一、让一个元素水平垂直居中，到底有多少种方案？水平居中对于行内元素:
												text-align: center;对于确定宽度的块级元素：width和m
											</p>
											<p><span class="count"><i class="glyphicon glyphicon-user"></i><a
														href="#">小妖2小仙</a></span> <span class="count"><i
														class="glyphicon glyphicon-eye-open"></i>阅读:1</span><span
													class="count"><i
														class="glyphicon glyphicon-comment"></i>评论:1</span><span
													class="count"><i class="glyphicon glyphicon-time"></i>2019-10-20
													06:32</span>
											</p>
										</div>
										<div class="col-lg-3 col-md-3 col-sm-3 contentImage">
											<div class="row">
												<a href="#" class="thumbnail w_thumbnail">
													<img
														src="https://user-gold-cdn.xitu.io/2019/10/13/16dc2f70c2c796c0?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--文章列表结束-->
						</div>
					</div>
				</div>

				<!--右侧开始-->
				<div class="col-lg-3 col-md-3 w_main_right">
					<!-- 站点公共 -->
					<div class="panel panel-default sitetip">
						<a href="article_detail.html">
							<strong>站点公告</strong>
							<h3 class="title">嫁人就嫁程序员</h3>
							<p class="overView">
								写字楼里写字间，写字间中程序员；
								程序人员写程序，又将程序换酒钱；
								酒醒只在屏前坐，酒醉还来屏下眠；
								酒醉酒醒日复日，屏前屏下年复年；
								但愿老死电脑间，不愿鞠躬老板前；
								奔驰宝马贵者趣，公交自行程序员；
								别人笑我太疯癫，我笑自己命太贱；
								但见满街漂亮妹，哪个归得程序员？
							</p>
						</a>
					</div>

					<!-- 热门标签 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">热门标签</h3>
						</div>
						<div class="panel-body">
							<div class="labelList">
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
								<a class="label label-default">JavaScript</a>
							</div>
						</div>
					</div>

					<!-- 最新发布 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">最新发布</h3>
						</div>
						<div class="panel-body">
							<ul class="list-unstyled sidebar" id="public_title">
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
								<li>
									<a href="#">前端开发中79条不可忽视的知识点汇总</a>
								</li>
							</ul>
						</div>
					</div>

					<!-- 友情链接 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">友情链接</h3>
						</div>
						<div class="panel-body">
							<div class="newContent">
								<ul class="list-unstyled sidebar shiplink">
									<li>
										<a href="https://www.zhihu.com/" target="_blank">知乎</a>
									</li>
									<li>
										<a href="https://segmentfault.com/" target="_blank">思否</a>
									</li>
									<li>
										<a href="https://juejin.im/" target="_blank">掘金</a>
									</li>
									<li>
										<a href="https://www.csdn.net/" target="_blank">CSDN</a>
									</li>
									<li>
										<a href="https://www.oschina.net/" target="_blank">开源中国</a>
									</li>

								</ul>
							</div>
						</div>
					</div>
					<!-- 微信公众号 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">关注微信公众号</h3>
						</div>
						<div class="panel-body">
							<img src="img/qrcode.jpg" style="height: 230.5px;width: 230.5px;" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="w_foot">
		<div class="w_foot_copyright">Copyright &copy;2019 武汉知行合壹教育科技有限公司 <span>|</span>
			<a target="_blank" href="http://www.zxyi.cn/" rel="nofollow">鄂ICP备19019153号-1</a>
		</div>
	</div>

	<a href="javascript:void(0)" class="Hui-iconfont toTop" title="返回顶部" alt="返回顶部">^</a>
</body>
</html>